{if $DADOS_FOTOS}
    <div class="span8">
        <div class="margin30px">
            <div id="ancora" class="page-header">
                <h1>
                    {$DADOS_ALBUM.desc_tipo}
                    <small>{$DADOS_ALBUM.desc_categoria}</small>
                </h1>
            </div>
            <div class="row-fluid">
                <table class="borderBotton1px" >
                    <tbody>
                        <tr>
                            <td>
                                <ul class="thumbnails">
                                    {section name="i" loop=$DADOS_FOTOS}
                                        {if $DADOS_FOTOS[i].nome_foto}
                                            <li >
                                                <a class="thumbnail fancybox-button" rel="{$DADOS_ALBUM.desc_tipo} {$DADOS_ALBUM.desc_categoria} " href="{$smarty.const.URL_PASTA_IMAGENS_SALVAS}{$DADOS_FOTOS[i].nome_foto}" title="{$DADOS_FOTOS[i].descricao}">
                                                    <img style="max-width: 150px; max-height: 100px;min-width: 150px; min-height: 100px;" alt="{$DADOS_ALBUM.desc_tipo} - Imagem:{$DADOS_FOTOS[i].descricao}" title="{$DADOS_FOTOS[i].descricao}" width="160" height="120" src="{$smarty.const.URL_PASTA_IMAGENS_SALVAS}{$DADOS_FOTOS[i].nome_foto}">
                                                </a>
                                            </li>
                                        {/if} 
                                    {/section} 
                                </ul>
                            </td>
                        </tr>
                    <tbody>
                </table>
            </div>
            {if $NUMERACAO_PAG}
                <div class="container-fluid borderTop1px">
                    <div class="pagination {$LADO}">
                        <ul>
                            {$NUMERACAO_PAG}
                        </ul>
                    </div>
                </div>
            {/if}
        </div>
    </div>
    {literal}
        <script>
            $(document).ready(function() {
                $(".fancybox-button").fancybox({
                    prevEffect: 'none',
                    nextEffect: 'none',
                    closeBtn: false,
                    helpers: {
                        title: {type: 'inside'},
                        buttons: {}
                    }
                });
            });
        </script>
    {/literal}
{else}
    <div class="span8">
        <div class="margin30px">
            <p class="alert alert-padrao">Nenhuma imagem cadastrada</p>
        </div>
    </div>
{/if}